﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="SF.Dict.Web.Login" %>

<%@ Register Src="UserControls/ucFooter.ascx" TagName="ucFooter" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>登录 | 挚友云海·高质量学习平台</title>
	<script type="text/javascript" src="/Common/jquery-1.3.2.js"></script>
	<style type="text/css">
		body {
			background: url("/Common/images/login-v2-bg.png") repeat-x scroll 0 0 #E8EEF2;
			height: 100%;
			margin-top: 0px;
			cursor: default;
			font-family: "Microsoft Yahei" , "微软雅黑" ,Tahoma,Arial,Helvetica,STHeiti;
			font-size: 12px;
		}
		a:link {
			color: #336699;
			text-decoration: none;
		}
		a:visited {
			color: #666699;
			text-decoration: none;
		}
		a:hover {
			color: #FFFFFF;
			text-decoration: none;
			background: #003399;
		}
		a:active {
			color: #FFFFFF;
			text-decoration: none;
			background: #FF9933;
		}
		#wrap {
			padding-top: 60px;
		}
		.login-wrapper {
			width: 450px;
			margin: 0 auto;
		}
		.login-item {
			width: 420px;
			margin-bottom: 15px;
			border: 0px solid #e4e4e4;
			position: relative;
		}
		.login-input-wrapper {
			height: 40px;
			overflow: hidden;
			position: relative;
			width: 340px;
			border: 1px solid #e4e4e4;
			border-radius: 3px 3px 3px 3px;
		}
		.login-input-wrapper.focus {
			border: 1px solid #339bdc;
			box-shadow: 0 0 4px rgba(82, 168, 236, 0.7);
		}
		.login-input {
			border: medium none;
			color: #324F65;
			font-size: 18px;
			height: 33px;
			line-height: 33px;
			width: 340px;
			padding: 4px;
			padding-top: 6px;
			position: absolute;
			top: -1px;
			left: -1px;
		}
		.login-label {
			color: #D6E2EA;
			cursor: text;
			font-size: 18px;
			left: 8px;
			position: absolute;
			top: 8px;
		}
		.forget-password {
			color: #92A2AF;
			font-size: 12px;
			right: 0px;
			position: absolute;
			top: 25px;
			text-decoration: none;
		}
		.login-submit {
			background: url("/Common/images/ptag2003.png") no-repeat scroll 0 -408px transparent;
			border: medium none;
			cursor: pointer;
			height: 40px;
			text-indent: -9999em;
			width: 130px;
		}
		#logo h1 a {
			font-size: 48px;
			font-weight: bold;
			text-decoration: none;
			color: #1b425e;
		}
		#logo h1 a:hover {
			background: none;
		}
		#footer {
			clear: both;
			color: #979B9E;
			height: 20px;
			margin-top: 90px;
			position: relative;
			text-align: center;
			width: 100%;
		}
		#footer a {
			margin: 0 5px;
		}
	</style>
	<script type="text/javascript">
		$(document).ready(function () {

			if ($('#tb_account').val() != '') {
				$('#lbl_account').hide();
			}

			if ($('#tb_password').val() != '') {
				$('#lbl_password').hide();
			}

			$('#tb_account').focus(
                function () {
                	$('#account').addClass('focus');
                	$('#password').removeClass('focus');
                }
            );
			$('#tb_account').keydown(
                function () {
                	$('#lbl_account').hide();
                }
            );
			$('#tb_account').blur(
                function () {
                	if ($('#tb_account').val() == '') {
                		$('#lbl_account').show();
                	}
                	$('#account').removeClass('focus');
                }
            );
			$('#tb_account').keyup(
                function () {
                	if ($('#tb_account').val() == '') {
                		$('#lbl_account').show();
                	}
                }
            );
			$('#tb_password').focus(
                function () {
                	$('#password').addClass('focus');
                	$('#account').removeClass('focus');
                }
            );
			$('#tb_password').keydown(
                function () {
                	$('#lbl_password').hide();
                }
            );
			$('#tb_password').blur(
                function () {
                	if ($('#tb_password').val() == '') {
                		$('#lbl_password').show();
                	}
                	$('#password').removeClass('focus');
                }
            );
			$('#tb_password').keyup(
                function () {
                	if ($('#tb_password').val() == '') {
                		$('#lbl_password').show();
                	}
                }
            );
		});
	</script>
</head>
<body>
	<form id="form1" runat="server">
	<div class="page-login" id="wrap">
		<div class="login-wrapper">
			<div id="logo">
				<h1>
					<a title="挚友云海" href="/">挚友云海</a></h1>
			</div>
			<div class="login-action" id="loginaction">
				<asp:HiddenField runat="server" ID="hf_nexturl" />
				<div class="login-item">
					<div class="login-input-wrapper" id="account">
						<asp:TextBox runat="server" ID="tb_account" CssClass="login-input" TabIndex="1"></asp:TextBox>
						<label class="login-label" for="tb_account" id="lbl_account">
							邮箱</label>
					</div>
				</div>
				<div class="login-item">
					<div class="login-input-wrapper" id="password">
						<asp:TextBox runat="server" ID="tb_password" TextMode="Password" CssClass="login-input"
							TabIndex="2"></asp:TextBox>
						<label class="login-label" for="tb_password" id="lbl_password">
							密码</label>
					</div>
					<a href="/forget.aspx" target="_blank" class="forget-password" title="找回密码">忘记密码？</a>
				</div>
				<asp:Button runat="server" ID="btn_submit" CssClass="login-submit" TabIndex="3" Text="登录"
					OnClick="btn_submit_Click" />
				<asp:HiddenField runat="server" ID="hf_error" />
				<p class="login-misc">
					<span class="remember-login">
						<asp:CheckBox runat="server" Checked="true" ID="cb_remember" />
						<label for="remember-login">
							保持登录状态</label>
					</span>
				</p>
			</div>
		</div>
	</div>
	<uc1:ucFooter ID="ucFooter1" runat="server" />
	</form>
</body>
</html>
